<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>${_title}</title>

    <!-- Bootstrap core CSS -->

    <link href="${_css}/bootstrap.min.css" rel="stylesheet">

    <link href="${_font}/css/font-awesome.min.css" rel="stylesheet">
    <link href="${_css}/animate.min.css" rel="stylesheet">

    <!-- Custom styling plus plugins -->
    <link href="${_css}/custom.css" rel="stylesheet">
    <link href="${_css}/icheck/flat/green.css" rel="stylesheet">
    <link href="${_css}/datatables/tools/css/dataTables.tableTools.css" rel="stylesheet">
	<link rel="stylesheet" href="${_css}/base.css">
    <script src="${_js}/jquery.min.js"></script>
 	<script src="${_js}/resize.js"></script>
 	<script type="text/javascript" src="${_front_js}/jquery.page.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
	<style>
		td a{
			cursor:pointer
		}
	</style>
</head>


<body style="background: #F7F7F7;">
<div class="">
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
            	<div class="x_title">
                    <h2>用户认证列表</h2>
                    <div class="clearfix"></div>
                </div>
                
                <div class="pull-right">
                	<button id="query" type="button" class="btn btn-info">查询</button>
                </div>
                <form class="form-horizontal form-label-left input_mask">
                    <div class="col-md-2 col-sm-2 col-xs-6 form-group has-feedback">
                        <input type="text" class="form-control has-feedback-left" id="username" value="<#if username?exists>${username}</#if>"
                        placeholder="输入用户名">
                        <span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
                    </div>
                    <div class="col-md-2 col-sm-2 col-xs-6 form-group has-feedback">
                        <input type="text" class="form-control has-feedback-left" id="authName" value="<#if authName?exists>${authName}</#if>"
                        placeholder="输入认证显示名">
                        <span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
                    </div>
                 </form>
                <div class="clearfix"></div>
            </div>
            <div class="scroll">
                <div class="x_content">
                    <table id="example" data-action="/admin/userAuth/list?1=1" class="table table-striped responsive-utilities jambo_table">
                        <thead>
                            <tr class="headings">
                                <th>
                                    <input type="checkbox" class="tableflat">
                                </th>
                                <th>序号 </th>
                                <th>用户名</th>
                                <th>类型 </th>
                                <th>认证显示名</th>
                                <th>认证时间 </th>
                                <th>创建时间 </th>
                            </tr>
                        </thead>

                        <tbody>
			                <#if (pageInfo.pageList?size > 0)>
								<#list pageInfo.pageList as entity>
									<tr class="even pointer">
		                                <td class="a-center ">
		                                    <input type="checkbox" class="tableflat">
		                                </td>
		                                <td>
		                                	${entity_index+1}
		                                </td>
		                                <td>
		                                	${entity.userName!}
		                                </td>
		                                <td>
		                                	<#if entity.authType=="phone">
		                                		手机号认证
		                                	<#elseif entity.authType=="email">
		                                		邮箱认证
		                                	<#elseif entity.authType=="id5">
		                                		真实姓名认证
		                                	</#if>	
		                                </td>		                                
		                                <td>
		                                	${entity.authName!}
		                                </td>								
		                                <td>
		                                	${(entity.authTime?string("yyyy-MM-dd HH:mm:ss"))!}	   
		                                </td>
		                                <td>
		                                	${(entity.createTime?string("yyyy-MM-dd HH:mm:ss"))!}	                                	
		                                </td>
		                               
		                               
		                             </tr>   
		                        </#list>
		                        <#else>
								<tr class="even pointer">
									<td colspan="11">无记录</td>
								</tr>
							</#if>
                        </tbody>
                    </table>
                    <#if (pageInfo.pageList?size > 0)>
	                	<#include "../base/Page.ftl">
	                </#if>
                </div>
            </div>
        </div>
        <br />
        <br />
        <br />

    </div>
</div>
                    
        <script src="${_js}/bootstrap.min.js"></script>
        
        <!-- bootstrap progress js -->
        <script src="${_js}/progressbar/bootstrap-progressbar.min.js" type="text/javascript"></script>
        <script src="${_js}/nicescroll/jquery.nicescroll.min.js" type="text/javascript"></script>
        <!-- icheck -->
        <script src="${_js}/icheck/icheck.min.js" type="text/javascript"></script>

        <script src="${_js}/custom.js" type="text/javascript"></script>
        
	    <!-- PNotify -->
	    <script src="${_js}/notify/pnotify.core.js" type="text/javascript"></script>
	    <script src="${_js}/notify/pnotify.buttons.js" type="text/javascript"></script>
	    <script src="${_js}/notify/pnotify.nonblock.js" type="text/javascript" ></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('input.tableflat').iCheck({
                    checkboxClass: 'icheckbox_flat-green',
                    radioClass: 'iradio_flat-green'
                });
            });
            
            function initData(action) { 
		    	var username = $.trim($("#username").val());
		    	var authName = $.trim($("#authName").val());
		    	if(username != ""){
		    		action += "&username="+username;
		    	}
		    	if(authName != ""){
		    		action += "&authName="+authName;
		    	}
				window.location.href=encodeURI(encodeURI(action));
			} 
			
			$(".btn-info").click(function(){
				initData($("#example").attr('data-action'));
			});
        </script>
</body>

</html>